element dialog里的echart
对话框内写有echart图表，页面首次加载后，点开对话框不能显示图表，关联的ref拿不到。网上百度了很多都是使用this.$nextTick，但是我首次就是有问题，我把图表加载的代码写在mounted里，试了各位位置都使用this.$nextTick还是没用，首次加载还是有问题我刚测试了，不放在dialog也是一样的 mounted() { this.cha...
2024-02-11
【element-ui】element 表格错行问题
有朋友在使用element的时候遇到这种情况吗？表格中上传附件，删除附件后表格错行了。尝试使用了doLayout方法也没有效果，求指教！...
2024-01-10
vue-cli 3 按需引入 element-ui
1.安装按需引入必要插件npm install babel-plugin-component --save-dev2.修改babel.config.js3.在main.js中引入用到的组件，例如 buttonimport { Button } from 'element-ui';Vue.use(Button) ...
2024-01-10
监听element-ui table滚动事件的方法
背景做管理平台的项目,用到了element-ui，需要通过监听el-table滚动的位置来获取最新的数据，那么怎么样监听el-table的滚动呢？准备我们默认的技术栈是 vue+element-uitemplate代码：<el-table :data="logList" :show-header="false" row-class-name="table-row-class" height="700" ref="table" @row-click="rowClick"> <el-table-co...
2024-01-10
vue-cli完整地引入element-ui
1. 因为该组件会依赖于jQuery，所以先安装jQuery所需依赖： 进入npm控制台，输入指令： cnpm install jquery --save-dev 然后在入口文件main.js中引入： import jquery from 'jquery' 最后配置build目录下的webpack.base.config.js文件，在 module.exports = { entry: { app: './src/main.js', ...
2024-01-10
【element-ui】 Element 引入到项目中报错
1、vue项目目录为：2、引入import 'element-ui/lib/theme-default/index.css'这段代码就报错为：config文件：编辑config报错：回答：你先去查一下element-ui/..../index.css内部自定义字体文件(ttf、woff)的路径跟你现在的结构对不对的上。然后vue的全家桶里对这几种字体文件有个配置，可以参考一下{ test: /\.(woff2?|eo...
2024-01-10
【element-ui】Vue中，如何使select 只读？
<el-select v-model="warnInfo.warnMethodsList" @focus="this.blur()" multiple clearable size="mini" style="width:100%" placeho...
2024-01-10在element-ui的select下拉框加上滚动加载
在项目中，我们需要运用到很多来自后端返回的数据。有时是上百条，有时甚至上千条。如果加上后端的多表查询或者数据量过大，这就导致在前端的显示就会及其慢，特别是在网络不好的时候更是如此。自然，后端就做了一项非常“漂亮”的交互体验数据——分页这不分页还好，一分页对超过10条...
2024-01-10
【element-ui】element UI语言切换时遇到问题？
各位下午好，我们的项目使用了vue-i18n@7.x作为语言切换插件，后来在项目中引入了elementUI,想把elementUI中的语言切换和该插件结合起来。我是这样做的：import Vue from 'vue'import VueI18n from 'vue-i18n'import eleLocale from 'element-ui/lib/locale';import enLocale from 'element-ui/lib/locale/lang/en'import zhLocale from...
2024-01-10
Vue-cli4 配置 element-ui 按需引入操作
在按照element-ui文档和网上各个文章的描述方式都未能正确配置出按需加载的功能。经小编一番摸索之后，终于搞定了，本篇文章记录实现的全过程#1 node与vue的版本情况#2 未按需加载打包后的文件情况由上图看出，只是引入了 element-ui 框架后，js文件急剧的上升到了 783KB，这显然是不能接受的。eleme...
2024-01-10
VUE element上传动态设置action路径和参数坑
由于upload组件在上传的时候会先执行上传操作，然后在执行修改action通常在before-upload设置action时会失败例如这次坑是父组件传值给上传组件，带有参数和访问地址，需要动态的实现上传方案一方案二直接给action绑定方法上传在方法中设置最终的action值...
2024-01-10
vue element-ui中table合计指定列求和实例
注意点：1. <el-table> 中 加:summary-method="getSummaries"2. <el-table-column> 中要加 prop// 房间号的合计去掉 getSummaries (param) { const { columns, data } = param const sums = [] columns.forEach((column, index) => { if (index === 0) { sums[index] = '总计' } else if (...
2024-01-10
【element-ui】关于element ui表格动态加载数据问题
写了一个计时器，计时器每隔5秒请求后台数据，然后再将数据传给element ui的表格渲染，数据可以出来，但是在重新渲染数据时表格会有抖动，用户体验不好，请问如何解决？表格为空时是显示无数据，高度就一行tr那么高，有数据的时候高度比较大，所以动态渲染数据时就出现了抖动现象。当有数据...
2024-01-10
element-ui el-table大量数据虚拟树形列表组件
前言基于之前支持表单验证的el-table开发完成后，在数据量过大的时候，会出现渲染慢，表格卡顿等致命问题，而element-ui的el-table本身没有像antd一样提供虚拟列表的demo和相关支持，因此本文在上次的开发基础上，继而开展虚拟列表的开发。本次分为普通列表和树形列表两种，树形在普通列表上面多了...
2024-01-10
【element-ui】ElementUI 表格关闭扩展行无法选中改行
表格渲染成功选中一行，给当前选中行渲染了颜色 .el-table__body tr.current-row > td { background-color: #1d8ce0;te;}同时用户展开某一行expand，当前展开行也给同样给了颜色.el-table__body tr.expanded > td { background-color: #1d8ce0; color: white;}但是当用户关闭展开行时，该行点击无法再次选中，只有选中其他行之后再次点击...
2024-01-10
【element-ui】el table中的按钮怎么让它不可点击
我选择之后，这行的按钮不可点击回答：可以自定义数据里面增加isDisabled：false 赋值给button的disabled根据选择与否来控制回答：绑定scope可以知道当前行 <el-table :data="tableData" style="width: 100%" :height="height" v-loading="loading" element-loading-text="拼命加载中" @row-...
2024-01-10
【element-ui】router-link在IE11下不跳转
router-link路由跳转，在chrome和Edge都能正常跳转下一个页面,IE下点击没有任何反应。回答：这个是vue-router的一个issue这里面讨论的内容跟你说的一样，在IE11上无法用router-link跳转，主要是当url的hash change的时候浏览器没有做出相应。里面主要是做了一个兼容。if ( '-ms-scroll-limit' in document.documentElement.styl...
2024-01-10
【element-ui】element上传图片为什么样式不一样？
官方的是这样的 而我的是下面这样的 多了一个选择文件的按钮 用的文档给的代码 这是为什么？用的chrome浏览器<el-upload class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview" :on-remove="handleRemove" :before-remove="beforeRemove" multiple :limit="3" :on-...
2024-01-10
【element-ui】vue+element中表格嵌套怎么做？
用的vue+element，现在需要做下面的东西，就是把下面的数据显示到el-table里这是数据[ { "productId": 3215, "productName": "在", "productNo": null, "goodsList": [ { "id": 3169, "name": "【已完成】Blackmores 澳佳宝 圣洁莓精华 40粒*2瓶", "vipName": null, "vipPrice...
2024-01-10
element ui el-tree如何修改动态加载的左内边距？
默认的一级节点的padding-left是18px，二级是36px，以此类推。怎么修改这个18px，比方说我要改成10px呢？回答：https://element.eleme.cn/#/zh...回答：找到节点class，使用 padding-left: 10px !important;回答：.el-tree-node__content { padding-left: 10px !...
2024-03-07
【element-ui】在 VUE 中加 element-ui 时报错？
安装步骤：npm install element-ui@next -Swebpack.base.conf.js 中加入了 { test: /\.css$/, loader: 'style-loader!css-loader' }, { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' }, { test: /\.(png|jpe?g|gif|svg)(\?\S*)?$/, loa...
2024-01-10
【element-ui】vue+element-ui 怎么取消实体引用？
如下图，我用 vue+ element-ui， 后台数据传过来后， 把标签里的 <> 解析成 lt 和 gt, 这样前台渲染的时候，不能解析标签，这个怎么办？回答：<p v-html="unescapeHTML(myhtml)"></p> data:{ myhtml:"P<sub>2</sub>"}methods:{ unescapeHTML:function (a){ a = "" + a; ...
2024-01-10
【Vue】使用element ui 中的switch开关发现的问题
代码如图：使用limitSwitch绑定switch的v-model，默认为true。但是现在在发现:当第一次点击开关时，limitSwitch不会发生变化仍为true(但此时开关是闭合状态的)，第二次点击后limitSwitch才会变化为false。这种情况我认为很奇怪，不知道有没有人能给个合理的解释呢？【回答】我知道了。。。因为点击第一次时状...
2024-01-10
【element-ui】vue怎么获取到element组件的位置？
我用这种方式获取html的div位置能获取到，但是获取element组件位置时候报错。请问怎么才能获取到element组件的位置？回答：加个$el回答：这里 ref 得到的是 el-col 的实例，而不是 dom。要得到 dom，请用 document.getElementById()...
2024-01-10
